<template>
  <section>
    <el-card shadow="never" class="cardBox">
      <div slot="header" class="clearfix">
        <span>我的订单</span>
      </div>
      <el-row class="box">
        <el-row type="flex" justify="space-between">
          <el-row class="cardCon" type="flex" justify="space-between" align="middle" v-for="(item, idx) of data" :key="idx">
            <el-row>
            <el-row type="flex" justify="center" class="fontStyle">{{
              item.name
            }}</el-row>
            <el-row type="flex" justify="center">{{ item.con }}</el-row>
            </el-row>
            
          </el-row>
          <!-- <el-divider direction="vertical" style="height: 10vh"></el-divider> -->
        </el-row>
      </el-row>
    </el-card>
  </section>
</template>
<script lang='ts'>
import { Vue, Component, Watch } from "vue-property-decorator";
import BaseSlot from "@/components/BaseSlot.vue";
import Constant from "@/lib/Constant";

@Component
export default class MyApplication extends Vue {
  protected data: any = [
    { name: "区块31", con: "交易量21", id: 0 },
    { name: "区块31", con: "交易量21", id: 1 },
    { name: "区块31", con: "交易量21", id: 2 },
    { name: "区块31", con: "交易量21", id: 3 },
    { name: "区块31", con: "交易量21", id: 4 },
  ];
}
</script>

<style lang="scss" scoped>
.mr_vertical_10 {
  margin: 10px 0;
}
.fontStyle {
  color: #077be8;
  line-height: 36px;
}
</style>


